.li-thr{

    ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    
        li {
          list-style: none;
          border: 1px solid #fff;
          border-radius: 10px;
          position: relative;
          margin:  0 20px 20px 0;
        }
      }


.two{
    width: 28%;
    height: 430px;
    margin-right: 40px;

}
.two .title3{
    width: 100%;
    height: 50px;
    background-image: linear-gradient(to right,rgba(16, 67, 87, 0.39),transparent);
    }
    img{
        width: 25px;
        height: 30px;
    }
    .two .title3 span{
        width: 100%;
        /* text-align: center; */
    }
    .two .title3 img{
        position: relative;
        top:2px;
        left:1px;
        margin-right: 8px;
    }
    .three{
        width: 56%;
        height: 430px;
        margin-right: 25px;
    }
    .three .title3{
        width: 100%;
        height: 50px;
        background-image: linear-gradient(to right,rgba(16, 67, 87, 0.39),transparent);
    }
.three .left{
    
    width: 57%;
    height: auto;
}
.three .left ul li{
    position: relative;
    top: 30px;
    left: 5px;
    width: 60px;
    height: 100px;
    margin-left: 5px;
    margin-right: 10px;
}
.three .main ul li img{
    width: 100%;
    height: 50px;
}
.three .main ul li span{
    color: #fff;
    text-align: center;
}


}